<template>
  <div class="hmcx">
    <Card>
      <div slot>
        <el-form>
          <el-form-item>
            <el-input
              style="width: 400px"
              placeholder="请输入查询的号码"
            ></el-input>
            <el-button type="primary" style="margin-left: 20px">查询</el-button>
          </el-form-item>
        </el-form>
        <el-card shadow="never">
          <el-form :model="formA" label-width="100px" inline>
            <el-form-item label="号码">
              <el-input disabled v-model="formA.a" />
            </el-form-item>
            <el-form-item label="客户名称">
              <el-input disabled v-model="formA.b" />
            </el-form-item>
            <el-form-item label="所在省份">
              <el-input disabled v-model="formA.c" />
            </el-form-item>
            <el-form-item label="号码状态">
              <el-input disabled v-model="formA.d" />
            </el-form-item>
            <el-form-item label="用户类型">
              <el-input disabled v-model="formA.e" />
            </el-form-item>
            <el-form-item label="是否VIP">
              <el-input disabled v-model="formA.f" />
            </el-form-item>
            <el-form-item label="开户时间">
              <el-input disabled v-model="formA.g" />
            </el-form-item>
            <el-form-item label="在网年限">
              <el-input disabled v-model="formA.h" />
            </el-form-item>
            <el-form-item label="本月通话次数">
              <el-input disabled v-model="formA.i" />
            </el-form-item>
            <br />
            <el-form-item label="通话记录">
              <el-button size="mini" type="primary">查看</el-button>
            </el-form-item>
          </el-form>
        </el-card>
      </div>
    </Card>
  </div>
</template>

<script>
import Card from '@/components/Card'
export default {
  components: {
    Card
  },

  data() {
    return {
      formA: {
        a: '13698742541',
        b: '刘星',
        c: '北京',
        d: '正常',
        e: '普通用户',
        f: '236.9',
        g: '2016',
        h: '4',
        i: '234',
        j: '查看'
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.hmcx {
  .el-input {
    width: 300px;
  }
}
</style>
